<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>poDa</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="<%=request.getContextPath()%>/static/layui/css/layui.css" media="all">
	<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<table class="layui-hide" id="test" lay-filter="test"></table>

<script src="<%=request.getContextPath()%>/static/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script type="text/javascript">
layui.use('table',function() {
	var table = layui.table,
	form = layui.form;
	$ = layui.$;
	
	table.render({
		elem : '#test',
		url : 'poDaData',
		title : '菜单表',
		cols : [ [
			{field : 'pkPoda' , title : '数据编号',width : 70},
			{field : 'pres', title :'水池液压'},
			{field : 'lile', title :'水池液位'},
			{field : 'flow', title :'水池流量'},
			{field : 'flag', title :'水池状态'},
			{field : 'upti', title :'更新时间'},
			{field : 'fkPoPk', title :'所属水池id'},
		] ]
		,page:true
		,response: 
		{
	   		statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
		}
		,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
      		return {
				"code": res.code, //解析接口状态
				"msg": res.message, //解析提示文本
				"count": res.map.data.total, //解析数据长度
				"data": res.map.data.list//解析数据列表
      		};
		}
	});
});
</script>
</body>
</html>